<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="referrer" content="no-referrer" />
		<title>电影网</title>
		
		<!--页面头部添加-->
		<link rel="stylesheet" type="text/css" href="css/eleven/bootstrap.css" />
		<script src="js/eleven/jquery-3.5.1.min.js"></script>
		<script src="js/eleven/bootstrap.js"></script>
		<script src="js/eleven/jsonp.js"></script>
		<style type="text/css">
			img{
				width:100px;
				height: 300px;
			}
		</style>
	</head>
	<body>
		<div class="container">

			<nav class="nav">
				<div class="nav nav-tabs">
					<a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home"
					 aria-selected="true">热映电影</a>
					<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" 
					aria-selected="false">电影Top250</a>
					<a class="nav-item nav-link" id="nav-jjsy-tab" data-toggle="tab" href="#nav-jjsy"
					aria-selected="false">即将上映</a>
					<a class="nav-item nav-link" id="nav-khts-tab" data-toggle="tab" href="#nav-khts"
					aria-selected="false">科幻图书</a>
				</div>
			</nav>
			
			<div class="tab-content" id="nav-tabContent">
				<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
					<div class="row row1" id="d1">
					</div>
				</div>
				<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
					<div class="row row2" id="d2">
					</div>
				</div>
				<div class="tab-pane fade" id="nav-jjsy" role="tabpanel" aria-labelledby="nav-jjsy-tab">
					<div class="row row3" id="d3">
					</div>
				</div>
				<div class="tab-pane fade" id="nav-khts" role="tabpanel" aria-labelledby="nav-khts-tab">
					<div class="row row4" id="d4">
					</div>
				</div>
			</div>

		</div>

	</body>
	
</html>
